.border-bottom-after {
	&::after {
		border-bottom: 1rpx solid #e3e3e3;
		position: absolute;
		box-sizing: border-box;
		content: " ";
		pointer-events: none;
		right: calc(var(--amplified_base) * 32rpx);
		left: calc(var(--amplified_base) * 32rpx);
		bottom: 0;
		transform: scaleY(0.5);
	}
}
.visitor-box {
	min-height: 100vh;
	background-color: #fff;
	padding-top: calc(var(--amplified_base) * 100rpx);
	padding-bottom: calc(var(--amplified_base) * 40rpx);
	line-height: 1;

	.collect-box {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-around;
		text-align: center;
		padding: 46rpx 0;

		.collect-item-num {
			font-family: DIN, DIN;
			font-weight: bold;
			font-size: calc(var(--amplified_base) * 58rpx);
			color: #1b1b1b;
		}

		.collect-item-title {
			margin-top: 12rpx;
			font-weight: 400;
			font-size: calc(var(--amplified_base) * 24rpx);
			color: #8c8c8c;
		}
	}

	.list-item {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 40rpx 32rpx;

		.list-item__avatar {
			width: 80rpx;
			height: 80rpx;
			background: #d9d9d9;
			border-radius: 40rpx;
		}

		.list-item-right {
			margin-left: 36rpx;

			.list-item-right__name {
				font-weight: 400;
				font-size: calc(var(--amplified_base) * 32rpx);
				color: #121212;
				line-height: calc(var(--amplified_base) * 38rpx);
			}

			.list-item-right__time {
				font-weight: 400;
				font-size: calc(var(--amplified_base) * 24rpx);
				color: #929292;
				line-height: calc(var(--amplified_base) * 28rpx);
				margin-top: 4rpx;
			}
		}
	}
}
